@charset "utf-8";



@media (min-width:1601px){html{font-size:16px;}}

@media (min-width:1400px) and (max-width:1600px){html{font-size:15px;}}

@media (min-width:640px) and (max-width:1399px){html{font-size:14px;}}

@media (min-width:471px) and (max-width:639px){html{font-size:12px;}}

@media (min-width:329px) and (max-width:470px){html{font-size:11px;}}

@media (max-width:328px){html{font-size:10px;}}



@media (min-width: 768px)

{



}

@media (min-width: 992px)

{



}

@media (min-width: 1200px)

{



}

@media (min-width: 1280px)

{

 

}





@media (min-width: 1440px)

{



}





@media (min-width: 1660px)

{



}

@media screen and (min-width:1200px) and (max-width:1440px){

 

 

}

@media (max-width: 1660px)

{
 

.foot_form{ }

.foot_nav dl{ }

.foot_nav dl dt{ font-size:1.1rem;}

.foot_nav dl dd{ font-size:.9375rem;}

.foot_lianxi ul li{ font-size:.9375rem;}



	

}

@media (max-width: 1600px)

{



#nav ul li a{ padding: 0 1rem;}





}

.web{}

.wap{ display:none;}

@media (max-width: 1440px)

{

#nav ul li a{ padding:0 .8rem;}

#nav ul li h3{ font-size:1rem;}

}

@media (max-width: 1360px)

{

 

.m1360{ margin:0 4rem; max-width:inherit; width:auto;}

 

}

@media (max-width: 1280px)

{

#nav{ margin-right:1.5rem;}

 #header{ display:none;}

#m_header{ display:block; padding: 0 3rem;}

#nav_btn_box{ display:block;}

#top{ display:none;}

.pad_aside .m1600{ margin:0;}

.m1600{ margin:0 45px; max-width:inherit; width:auto;}

}



@media (max-width: 1200px)

{

#nav{ margin-right:0;}

#nav ul li { margin: 0;}

#nav ul li a{ padding:0 .4rem;}

#online_q{ display:none;}

}

@media (max-width: 1100px)

{

 

}

/*==========================导航和banner变成手机模式============================*/

@media (max-width: 992px)

{

.web{ display:none;}

.wap{ display:block;}

#banner{ margin-top:0;}

.foot_nav{ display:none;}

.foot_lianxi{ width:100%; border:0; padding-left:0; padding-bottom:1rem;}

.foot_lianxi .box{ float:left;width:calc(100% - 8rem);}

#foot .ewm{ float:right;}

 

#s_news ul li .mask{ display:none;}

}

@media (min-width:481px) and (max-width:992px){ 

 



}

@media (max-width: 860px)

{

.m1600{ margin:0 2rem; max-width:inherit; width:auto;}

.m1500{ margin:0 2rem; max-width:inherit; width:auto;}

.m1360{ margin:0 2rem; max-width:inherit; width:auto;}

.m1280{ margin:0 2rem; max-width:inherit; width:auto;}

 

}

@media (max-width: 767px)

{

.m1600{ margin:0 15px; max-width:inherit; width:auto; padding:0;}

.m1400{ margin:0 15px; max-width:inherit; width:auto; padding:0;}

.m1360{ margin:0 15px; max-width:inherit; width:auto; padding:0;}

.m1280{ margin:0 15px; max-width:inherit; width:auto; padding:0;}

.pad_top{ padding-top:3rem;}

.pad_bot{ padding-bottom:3rem;}

#tc_search .tc_close.ico{ right: 13px; top: 13px;    width: 32px; height: 32px; line-height: 30px;}

#tc_search .btn_blue{ right:0; top:0;}

#tc_search #keyword{ font-size:1.5rem;}

#s_pro .hd{ height:8rem;}

#s_pro .hd ul li{ height:8rem;}

#s_pro .hd ul li font img {

    max-width: 2.25rem;

    max-height: 2.25rem;}









 



}

@media (max-width: 640px)

{



	}

@media (max-width: 480px)

{

.pad_top{ padding-top:2rem;}

.pad_bot{ padding-bottom:2rem;}

.pad_aside{ padding-left:1rem; padding-right:1rem;}

.n_article .ar_article{ padding-bottom:10px !important;}

.ar_article table{ width:100% !important;}

.ar_article table td,.ar_article table th{ padding:3px 5px !important; font-size:13px !important; font-weight:normal !important; width:auto !important; height:auto !important;}

.ar_article table td *,.ar_article table th *{ padding:3px 5px !important; font-size:13px !important; font-weight:normal !important; padding:0 !important;}





#gotop {

    display: none;

    width: 3em; height:3rem;

    position: absolute;

    bottom: 2rem;

    right: 1rem;

    position: fixed;

    z-index: 999;

}

#m_header{ display:block; padding: 0 15px;}

#m_header #logo img{ height:1.1rem; }



#banner .txt h3{ font-size:2.8rem; margin-bottom:.6rem;}

#banner .txt p{ font-size:1.4rem; line-height:2.3rem;}

#banner .banner-arrow { width: 30px; height: 30px; background-size: 30px !important;}

.appendArrows{ padding-top:20rem;}

.s_tt{ margin-bottom:2rem;}

.s_tt h3,.s_tt span{ font-size:1.6rem;}

#s_pro .bd ul li .txt .p{ width:100%;}

#s_link ul li span{ display:none;}



#s_pro .bd .slick-arrow{ width:7rem;}

#s_link ul li font img{ max-width: 3rem; max-height: 3rem;}



.foot_share{ float:none;}

.foot_c{ float:none; margin:0;}

#searchBtn svg{ width:15px;}



 

}